@import '~src/assets/styles/mixins.scss';
.container{
    pointer-events: all;
    overflow: hidden;
    @include container(calc(100vw - 50vw));
    // 标题
    .title{
        height: $container-title-height;
        background: $cf-primary;
        padding: 0px 20px;
        @include flexGroup();
        user-select: none;
        cursor: move;
        .left-title{
            display: flex;
            img{
                margin-right: 10px;
            }
        }
        span{
            @include containerTitle();  
        }
        .right-title{
            width: 50px;
            @include flexGroup();
            img{
                cursor: pointer;
                transform: rotate(180deg);
            }
        }
        
    }
    // 内部组件
    .content{
        box-shadow: 0px 5px 6px 0px rgba(0, 0, 0, 0.2);
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        background-color: rgb(245,247,248);
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 15px 20px;
        .data-table{
            padding: 0px 0px 20px 0px;
            width: 49%;
            background-color: #ffffff;
        }
        .tab-card{
            padding: 10px;
            box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.1);
            width: 49%;
            background-color: #ffffff;
            .tab-title{
              display: flex;
              justify-content: flex-start;
              align-items: center;
              height: 36px;
              font-size: 14px;
              font-family: SourceHanSansSC-Medium, SourceHanSansSC;
              font-weight: 500;
              .rander-chart{
                padding: 8px 12px;
                cursor: pointer;
              }
              .active{
                color: #0064EC;
                border-bottom: solid 1px #0064EC;
              }
            }
        }
    }

    .nodata{
        // min-height: 40px;
        // padding: 30px 0px;
        background-color:  #ffffff;
        display: flex;
        justify-content: center;
        align-items: center;
    }

}
